﻿<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="shortcut icon" href="pages/favicon.gif">
    <title>jQuery特效百度搜索</title>

<style>
* {
	margin: 0;
	padding: 0;
}
body {
	overflow: hidden;

	text-align: center;
    /* padding: 100px; */
}


#time{
	position:absolute;
	top:350px;
	left:50%;
	margin-left:-60px;
    font-size: 20px;
    color: red;
}


</style>
<link href="./css/font1.css" rel="stylesheet">
<link rel="stylesheet" href="./css/style1.css">
<link rel="stylesheet" href="./css/style-search1.css" media="screen" type="text/css" />
<script src="./js/jquery-1.10.2.js"></script>
<script>
 window.onload = function () {
            // 开启定时器
            var timer =  setInterval(function () {
                $('time').innerText -= 1;

                // 判断
                if($('time').innerText === "0"){
                    // 清除定时器
					$('time').innerText = "秘钥:123"
                    clearInterval(timer);

                    // 隐藏时间, 显示图片
                    //$('time').style.display = 'none';
					setTimeout(function(){
						$('time').style.display = 'none';
					},3000)
                    //$('pic').style.display = 'block';
                    //$('music').setAttribute("autoplay","autoplay"); //无法添加audio的属性和值
                    //$('music').play(); //可调用audio播放play()方法
                }
            }, 1000);

            function $(id) {
                return typeof id === "string" ? document.getElementById(id): null;
            }
        };

	function c(){
			//location.href="http://www.baidu.com/s?wd="+$("#input").val();
			if(($("#input").val())== "123"){
				location.href="./demo.html"
			}else{
				alert("请输入秘钥: 123");
			}
		}
	
</script>
</head>
<body>
<div id="time">5</div>

<canvas id="canvas" width="100%" height="100%"> 您的浏览器不支持canvas标签，请您更换浏览器 </canvas>

<script src="./js/word1.js"></script>
<p id="offscreen-text" class="offscreen-text"></p>
<p id="text" class="text"></p>

<div id="d" class="webdesigntuts-workshop"> <span>
<input class="input" id="input" type="password" placeholder="请输入秘钥" />
<button onclick="c();">解密</button>
</span> </div>
<script src='./js/index1.js'></script>
</body>
</html>
